<style>
  .layadmin-setter-theme-item {
    display: inline-block;
    width: 24px;
    height: 24px;
    transition: border-radius .4s ease-out;
  }

  .layadmin-setter-theme-item:hover {
    border-radius: 20px;
    border-top-left-radius: 0;
  }
</style>

<div class="layadmin-setter-theme">
  <script type="text/html" template>
    {{# layui.each(d.params.themes, function(index, item) { }}
    <div class="layadmin-setter-theme-item" style="background: {{ item }};"></div>
    {{# }); }}
  </script>
</div>

<table class="layui-table layui-form">
  <tbody>
    <tr>
      <td>开启标签</td>
      <td><input type="checkbox" checked lay-skin="switch"></td>
    </tr>
  </tbody>
</table>

<script>
  layui.use(['form'], function(form) {
    form.render()
  })
</script>